/**
 * 侧边导航关闭折叠控制
 */

function toggleSlide() {
  $('.nav > li > a').on('click', function () {
    let childMenu = $(this).next('ul');
    childMenu.slideToggle(400);
    let icon = childMenu.prev().find('.toggle');
    if (icon.hasClass('open')) {
      icon.removeClass('open').addClass('close');
    } else {
      icon.removeClass('close').addClass('open');
    }
  })

  // 默认第一个菜单展开
  $('.nav > li > a').eq(0).trigger('click');

  // 所有子菜单切换时加背景色
  $('.nav ul a').on('click', function () {
    $(this).addClass('active')
    $('.nav ul a').not($(this)).removeClass('active');
  })

}

toggleSlide();

// 0. ifram 标签可以实现页面嵌套 他需要和a连接配合使用
//  iframe 的name 属性 如果和a连接的target属性相同 点击a连接页面跳转到iframe

// 需求1 退出 强行跳转到登录页 删除token
document.querySelector('.logout').onclick = function () {
  // 询问框 - 点击确定返回 true 点击取消返回false
  let bool = confirm('确定要推出登录吗？')
  if (bool) {
    //跳转到首页 销毁token
    location.href = './login.html'
    localStorage.removeItem('myToken')
  }
}


// 需求2 初始化数据 点击按钮 发送ajax
// 初始化数据只能一次 第二次之后初始化就会有错误提示了
document.querySelector('.init').onclick = function () {
  //发送ajax 实现初始化数据
  axios({
    url: '/init/data',
    headers: {
      // Authorization专门用于身份认证
      Authorization: localStorage.getItem('myToken')

    }
  }).then(({ data: res }) => {
    //成功回调
    // console.log(res)
    if (res.code == 0) {
      toastr.success(res.message)
    }
  });
}



